<template>
  <div>
    <sign v-if="isMobile"></sign>
    <div class="mobile-page" v-else>
      <span>请用手机打开...</span>
    </div>
  </div>
</template>

<script>
import { isMobile } from '@/utils/utils'
import sign from '@/components/sign/sign'
export default {
  data () {
    return {
      isMobile: false
    }
  },
  created () {
    this.isMobile = isMobile()
    console.log(this.isMobile)
  },
  components: {
    sign
  }
}
</script>


<style lang="less">
  .mobile-page {
    text-align: center;
    padding: 50px 0;
  }
</style>